{extend name="public/public"}
{block name='css'}
<style>

</style>
{/block}

{block name="content"}
<div class="hero-slider">
    {volist name="banner" id="vo"}
        <div class="single-slide" style="background-image: url(/uploads/{$vo.img})">
            <div class="inner">
                <div class="container">
                    <div class='row {eq name="vo.notes[0]" value="1"}justify-content-center{/eq}'>
                        <div class='col-lg-6 {eq name="vo.notes[0]" value="1"}text-center{/eq}'>
                            <div class='slide-content'>
                                <h2>{$vo.notes[0]}</h2>
                                <p>{$vo.notes[1]}</p>
                                <div class="slide-btn">
                                    <a href="#" class="button">按钮1</a>
                                    <a href="#" class="button-2">按钮2</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {/volist}
</div>

<div class="service-area bg2 sp">
    <div class="container">
        <div class="section-title">
            <h2>我们的服务</h2>
            <p>服务项目;我们的服务;服务内容;服务范围</p>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-film"></i>
                        </div>
                        <h4>Video Making</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-camera"></i>
                        </div>
                        <h4>Photography</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-music"></i>
                        </div>
                        <h4>Music Composing</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-bullhorn"></i>
                        </div>
                        <h4>Product Marketing</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-magic"></i>
                        </div>
                        <h4>Video Editing</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 single-service">
                <div class="inner">
                    <div class="title">
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <h4>Presentation</h4>
                    </div>
                    <div class="content">
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="portfolio-area sp">
<div class="container">
<div class="section-title">
    <h2>我们的产品</h2>
    <p>对我们的服务如有不满，请函告经理。</p>
</div>
<div class="row">
    {volist name="productData" id="vo"}
        <div class="single-portfolio col-md-4">
            <div class="inner">
                <div class="portfolio-img">
                    <img src="/uploads/{$vo.productImage}" alt="portfolio-image">
                    <div class="hover-content">
                        <div>
                            <a href="{:url('product_details')}?page_id=2&id={$vo['id']}" class="button">{$vo.productName}</a>
                        </div>
                    </div>
                </div>
                <div class="portfolio-content">
                    <a href="{:url('product_details')}?page_id=2&id={$vo['id']}"><h3>￥{$vo.productPrice}</h3></a>
                    <span>{$vo.productName}</span>
                </div>
            </div>
        </div>
    {/volist}
</div>
<div class="row">
    <div class="col-12 text-center" data-margin="40px 0 0">
        <a href="{:url('product')}?page_id=2" class="button">查看更多</a>
    </div>
</div>
</div>
</div>

<div class="an1">
    <div class="an-pc">
        <div class="a1"><img src="/static/web/img/1.jpg" alt=""></div>
        <div class="a2 flex">
            <div class="a3">
                <div class="a5">
                    <div class="a10">
                        <div class="a11">关于我们</div>
                        <div class="a12">About us</div>
                        <div class="a13"></div>
                        <div class="a14">某某门窗实业有限公司自创办以来，亿合人励精图治，辛勤耕耘。肩负着“卓越品质，厚德载福”的神圣企业使命...</div>
                        <div class="a15"><a href="{:url('about')}?page_id=7">查看更多</a></div>
                    </div>
                </div>
            </div>
            <div class="a4 flex">
                <div class="a6">
                    <div class="a7"><img src="/static/web/img/2.png" alt=""></div>
                    <div class="a8"><span>2004</span>+</div>
                    <div class="a9">成立于</div>
                </div>
                <div class="a6">
                    <div class="a7"><img src="/static/web/img/3.png" alt=""></div>
                    <div class="a8"><span>2004</span>+</div>
                    <div class="a9">生产基地</div>
                </div>
                <div class="a6">
                    <div class="a7"><img src="/static/web/img/1.png" alt=""></div>
                    <div class="a8"><span>2004</span>+</div>
                    <div class="a9">自主专利</div>
                </div>
                <div class="a6">
                    <div class="a7"><img src="/static/web/img/4.png" alt=""></div>
                    <div class="a8"><span>2004</span>+</div>
                    <div class="a9">合作客户</div>
                </div>
            </div>
        </div>
    </div>
    <div class="an-mobile">
        <div class="a16" style="background: url(/static/web/img/1.jpg) no-repeat center center;"></div>
        <div class="a17">
            <div class="a18">
                <div class="a10">
                    <div class="a11">关于我们</div>
                    <div class="a12">About us</div>
                    <div class="a13"></div>
                    <div class="a14">某某门窗实业有限公司自创办以来，亿合人励精图治，辛勤耕耘。肩负着“卓越品质，厚德载福”的神圣企业使命...</div>
                    <div class="a15"><a href="{:url('about')}?page_id=7">查看更多</a></div>
                </div>
            </div>
        </div>
        <div class="a19 cle">
            <div class="a6">
                <div class="a7"><img src="/static/web/img/2.png" alt=""></div>
                <div class="a8"><span>2004</span>+</div>
                <div class="a9">成立于</div>
            </div>
            <div class="a6">
                <div class="a7"><img src="/static/web/img/3.png" alt=""></div>
                <div class="a8"><span>2004</span>+</div>
                <div class="a9">生产基地</div>
            </div>
            <div class="a6">
                <div class="a7"><img src="/static/web/img/1.png" alt=""></div>
                <div class="a8"><span>2004</span>+</div>
                <div class="a9">自主专利</div>
            </div>
            <div class="a6">
                <div class="a7"><img src="/static/web/img/4.png" alt=""></div>
                <div class="a8"><span>2004</span>+</div>
                <div class="a9">合作客户</div>
            </div>
        </div>
    </div>
</div>

<div class="testimonial-area sp bg1">
    <div class="container">
        <div class="section-title white">
            <h2>客户评审</h2>
            <p>饥荒和持续不断的饥饿是没有必要的。乌龟比生命还快。</p>
        </div>
        <div class="testimonial-slider">
            {volist name="person" id="vo"}
            <div class="single-slide" style="height: 260px;">
                <div class="inner">
                    <div class="client-info">
                        <div class="client-img">
                            <img src="/uploads/{$vo['img']}" alt="client" style="height:58px;width: 58px;">
                        </div>
                        <div class="client-data">
                            <h4>{$vo['text1']}</h4>
                            <span>{$vo['text2']}</span>
                        </div>
                    </div>
                    <p style="margin:1rem 0 0;">{$vo['text3']}</p>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</div>

<div class="testimonial-area sp">
    <div class="container">
        <div class="section-title" data-margin="0 0 40px">
            <h2>我们的文化</h2>
            <p>Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</p>
        </div>
        <div class="row">
            <div class="col-md-6 single-gallery">
                
                <div class="inner">
                    <img src="/uploads/{$cultureImg[0]['img']}" alt="">
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    {volist name="cultureImg" id="vo" offset="1" length='4'}
                    <div class="col-sm-6 single-gallery">
                        <div class="inner">
                            <img src="/uploads/{$vo['img']}" alt="">
                        </div>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="faq-area sp bg2">
<div class="container">
<div class="section-title">
    <h2>常见问题解答</h2>
    <p>饥荒和持续不断的饥饿是没有必要的。乌龟比生命还快。</p>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="faq">
            {volist name="help" id="vo"}
            <div class="single-item">
                <h4>{$vo['text'][0]}</h4>
                <div class="content">
                    {$vo['text'][1]}
                </div>
            </div>
            {/volist}
        </div>
    </div>
    <div class="col-md-6">
        <div class="faq-img text-center">
            <img src="/static/web/img/fag-img.png" alt="faq">
        </div>
    </div>
</div>
</div>
</div>
{/block}

{block name='js'}
<script>
    $(".nav-active-0").addClass('current-menu-item')
</script>
{/block}